.root {
  align-items: center;
  cursor: default;
  justify-content: flex-start;
  opacity: 1;
  outline: none;
  padding-left: var(--_column-depth);
  padding-top: rem(6px);
  padding-bottom: rem(6);
  &[data-dragging] {
    opacity: 0.5;
    outline: 1px dashed var(--mantine-color-gray-7);
  }
  &[data-order-hovered]:not(&[data-dragging]) {
    outline: 2px dashed var(--_hover-color);
  }
}
.menu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: rem(8px);
}
.grab {
  width: rem(28px);
}
.pin {
  width: rem(70px);
}
.switch {
  cursor: pointer !important;
}
.header {
  align-self: center;
}
